<?php include($_SERVER['DOCUMENT_ROOT'] . "/includes/head.php"); ?>
<!--    <meta http-equiv="Content-Language" content="zh-CN">-->
<script type="text/javascript">
    function iniFun($) {
    }
</script>
<!--<script src="http://cdn.bootcss.com/bootstrap/2.0.4/js/bootstrap.min.js"></script>-->
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/2048/support2048.js"></script>
<script type="text/javascript" src="/static/js/2048/showanimation2048.js"></script>
<script type="text/javascript" src="/static/js/2048/main2048.js"></script>
<style type="text/css">
    *, *::after, *::before {
        box-sizing: content-box;
    }

    header {
        display: block;
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    header #newgamebutton {
        display: block;
        margin: 0px auto;
        width: 150px;
        padding: 8px 5px;
        background-color: #8f7a66;
        font-family: Arial;
        font-size: 13px;
        color: white;
        border-radius: 10px;
        text-decoration: none;
    }

    header #newgamebutton:hover {
        background-color: #9f8b77;
    }

    #grid-container {
        /*width: 460px;*/
        /*height: 460px;*/
        /*padding: 20px;*/
        margin: 10px auto;

        background-color: #bbada0;
        /*border-radius: 10px;*/
        position: relative;
    }

    .grid-cell {
        /*width: 100px;*/
        /*height: 100px;*/
        /*border-radius: 6px;*/
        background-color: #ccc0b3;

        position: absolute;
    }

    .number-cell {
        border-radius: 6px;
        font-family: Arial;
        font-weight: bold;
        font-size: 60px;
        line-height: 100px;
        text-align: center;
        position: absolute;
    }
</style>
<body>

<div id="mainDiv">
    <?php include($_SERVER['DOCUMENT_ROOT'] . "/includes/bar.php"); ?>
    <div class="header">
        <a href="/hush-Inn" title="返回主页" class="header-logo">2048</a>
        <a href="#" class="header-navigation show-navigation"><i class="fa fa-navicon"></i></a>
    </div>
    <div class="header-clear-big"></div>

    <div id="mainContent" class="wrapper">
        <header>
            <a href="javascript:;" id="newgamebutton" onclick="newgame();">
                新游戏 &nbsp;|&nbsp;
                得分:<span id="score">0</span>
            </a>
        </header>

        <div id="grid-container">
            <div class="grid-cell" id="grid-cell-0-0"></div>
            <div class="grid-cell" id="grid-cell-0-1"></div>
            <div class="grid-cell" id="grid-cell-0-2"></div>
            <div class="grid-cell" id="grid-cell-0-3"></div>

            <div class="grid-cell" id="grid-cell-1-0"></div>
            <div class="grid-cell" id="grid-cell-1-1"></div>
            <div class="grid-cell" id="grid-cell-1-2"></div>
            <div class="grid-cell" id="grid-cell-1-3"></div>

            <div class="grid-cell" id="grid-cell-2-0"></div>
            <div class="grid-cell" id="grid-cell-2-1"></div>
            <div class="grid-cell" id="grid-cell-2-2"></div>
            <div class="grid-cell" id="grid-cell-2-3"></div>

            <div class="grid-cell" id="grid-cell-3-0"></div>
            <div class="grid-cell" id="grid-cell-3-1"></div>
            <div class="grid-cell" id="grid-cell-3-2"></div>
            <div class="grid-cell" id="grid-cell-3-3"></div>
        </div>
    </div>

    <?php include($_SERVER['DOCUMENT_ROOT'] . "/includes/foot-two.php"); ?>
    <?php include($_SERVER['DOCUMENT_ROOT'] . "/includes/share.php"); ?>
</div>
</body>